<template>
  <div class="content">
    <tiny-button @click="baseClick" :reset-time="0">默认4500 ms后自动关闭提示框</tiny-button>
    <tiny-button @click="successClick" :reset-time="0">500ms后自动关闭提示框</tiny-button>
    <tiny-button @click="errorClick" :reset-time="0">5000ms后自动关闭提示框</tiny-button>
  </div>
</template>

<script setup lang="jsx">
import { Button as TinyButton, Notify } from '@opentiny/vue'

function baseClick() {
  Notify({
    type: 'info',
    title: (h, params) => <h4>通知消息的标题</h4>,
    message: '默认 4500ms 后自动关闭提示框',
    position: 'top-right'
  })
}

function successClick() {
  Notify({
    type: 'success',
    title: (h, params) => <h4>通知消息的标题</h4>,
    message: '500ms 后自动关闭提示框',
    position: 'top-right',
    duration: 500
  })
}

function errorClick() {
  Notify({
    type: 'error',
    title: (h, params) => <h4>通知消息的标题</h4>,
    message: '5000ms 后自动关闭提示框',
    position: 'top-right',
    duration: 5000
  })
}
</script>
